<!DOCTYPE html>
<html>

<head>
    <meta charset="UFT-8">
    <title>基本选择器</title>
    <style>
        h2 {
            font-size: 50px;
            color: crimson;
            background-color: greenyellow;
        }
        p {
        color:green
    }
        .red {
            color:red
    } 
        .font100{
            font-size: 100px;
        }
        #p4{
            background-color: hotpink;
        }
        [href="http://www.baidu.com"]{
            font-size: 50px;
        }
        *{
            font-size: 30px;
            font-style: italic;
        }
    </style>
    <!--<link rel="stylesheet" href="./css-1.css"-->
    
</head>

<body>
    <h1 style="font-size: 80px;background-color: aqua;">整片文章的标题</h1>
    <h2>第一点</h2>
    <p>第一自然段</p>
    <h2 class="red font100">第二点</h2>
    <p>第二自然段</p>
    <p class="red">第三自然段</p>
    <p class="red" id=p4>第四自然段</p>
    <p class="red">第五自然段</p>
    <a href="http://www.baidu.com">百度</a>
    <br>
    <img src="../Img/1.png">
</body>





</html>